<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>汽车秀</title>
    <link rel="stylesheet" href="css/ui.css">
</head>
<body class="android">


<div class="content" style="overflow:scroll">
    <div class="scroll-content">
        <div class="scroll">
            <div class="aui-cell-input">
                <div class="aui-cell-inputs">
                    <input type="text" placeholder="本田思域">
                </div>
            </div>
            <div class="aui-cell-s b-line">
                <div class="aui-cell-s1">最热的B级车</div>
                <div class="aui-cell-s1 aui-cell-s2">蒙迪欧</div>
                <div class="aui-cell-s1 aui-cell-s3">冠道240</div>
            </div>
            <div class="devider b-line"></div>
            <div class="aui-cell-ci b-line">
                <h2>热门汽车</h2>
                <p><a href="#">冠道</a> <a href="#">宝马7系</a> <a href="#">新君越</a> <a href="#">凯迪拉克TS5</a> <a href="#">迈凯伦</a> <a href="#">迈锐宝XL</a> <a href="#">荣威I6</a> <a href="#">冠道370</a> <a href="#">新欧宝上市</a> <a href="#">新奇骏</a> <a href="#">CRV</a> <a href="#">大众CC</a> <a href="#">辉昂</a><a href="#">新捷达</a> <a href="#">途观L</a> <a href="#">途锐</a> </p>
            </div>
            <!----->

            <div class="aui-item-aoi-che">
                <div class=" btn-ss">
                    <div class="b-line">
                        <h1>A</h1>
                    </div>
                </div>
                <ul>
                    <li>
                        <a href="car-page.html">
                            <div class="aui-item-car-img"><img src="img/a1.jpg"></div>
                            <div class="aui-item-car-tie">奥迪</div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="aui-item-car-img"><img src="img/a2.jpg"></div>
                            <div class="aui-item-car-tie">阿斯顿.马丁</div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="aui-item-car-img"><img src="img/a3.jpg"></div>
                            <div class="aui-item-car-tie">阿尔法.罗密欧</div>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="aui-item-aoi-che">
                <div class=" btn-ss">
                    <div class="b-line">
                        <h1>B</h1>
                    </div>
                </div>
                <ul>
                    <li>
                        <a href="#">
                            <div class="aui-item-car-img"><img src="img/a1.jpg"></div>
                            <div class="aui-item-car-tie">奥迪</div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="aui-item-car-img"><img src="img/a2.jpg"></div>
                            <div class="aui-item-car-tie">阿斯顿.马丁</div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="aui-item-car-img"><img src="img/a3.jpg"></div>
                            <div class="aui-item-car-tie">阿尔法.罗密欧</div>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="aui-item-aoi-che">
                <div class=" btn-ss">
                    <div class="b-line">
                        <h1>C</h1>
                    </div>
                </div>
                <ul>
                    <li>
                        <a href="#">
                            <div class="aui-item-car-img"><img src="img/a1.jpg"></div>
                            <div class="aui-item-car-tie">奥迪</div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="aui-item-car-img"><img src="img/a2.jpg"></div>
                            <div class="aui-item-car-tie">阿斯顿.马丁</div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="aui-item-car-img"><img src="img/a3.jpg"></div>
                            <div class="aui-item-car-tie">阿尔法.罗密欧</div>
                        </a>
                    </li>
                </ul>
            </div>


        </div>
    </div>
</div>
<div class="tab-bar tab-bottom">
    <a class="tab-button " href="index.html"><i class="tab-button-icon icon icon-home"></i><span class="tab-button-txt">首页</span></a>
    <a class="tab-button " href="forum.html"><i class="tab-button-icon icon icon-exhibition" style="background-size:30px"></i><span class="tab-button-txt">论坛</span></a>
    <a class="tab-button active" href="my-favorite.html"><i class="tab-button-icon icon icon-car"></i><span class="tab-button-txt">找车</span></a>
    <a class="tab-button " href="service-list.html"><i class="tab-button-icon icon icon-service"></i><span class="tab-button-txt">服务</span></a>
    <a class="tab-button " href="my.html"><i class="tab-button-icon icon icon-my"></i><span class="tab-button-txt">我的</span></a>
</div>

</body>
</html>